<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag-11.tld" prefix="display"%>
<script language="JavaScript" src="<%= request.getContextPath() + "/js/calendar6.js" %>"></script>
<script language="JavaScript" src="<%= request.getContextPath() + "/js/popUP.js" %>"></script>
<link href="<%= request.getContextPath() + "/css/bloques.css" %>" rel="stylesheet" type="text/css">

<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<script language="javascript">
  function buscarSubprogramas(accion){
    document.formBeneficiosSede.action = '<%=request.getContextPath()+"/Sedes/BeneficiosSede.do"%>'
    document.formBeneficiosSede.accion.value = accion;
    document.formBeneficiosSede.submit();
  }
  
  function validarVacio(opcion){
    if(opcion==1){
      if(document.formBeneficiosSede.codeSubPrograma.value != 'nulo' && document.formBeneficiosSede.code.value !='nulo'){
        document.formBeneficiosSede.continuar.disabled = false;
      }else{
        document.formBeneficiosSede.continuar.disabled = true;
      }
    }else{
      if(document.formBeneficiosSede.code.value =='nulo'){
        document.formBeneficiosSede.continuar.disabled = true;
      }else{
        document.formBeneficiosSede.continuar.disabled = false;
      }
    }
  }

  
  function validarCantidad(field){
    var valid = "0123456789"
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    temp = "" + field.value.substring(i, i+1);
    if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
    alert("Cantidad no valido, solo se permiten numeros!!");
    field.focus();
    field.select();
    }
  }
  
  function validarOtros(){
      if(document.formBeneficiosSede.code.value=='nulo'){
         alert("Debe seleccionar una sede.") 
         return false;
      }
      if(document.formBeneficiosSede.codeSubPrograma.value=='nulo'){
         alert("Debe seleccionar un beneficio.") 
         return false;
      }
      if(document.formBeneficiosSede.cantidad.value==''){
         alert("Debe ingresar la cantidad.") 
         document.formBeneficiosSede.cantidad.focus();
         return false;
      }
      if(document.formBeneficiosSede.desde.value==''){
         alert("Debe ingresar la vigencia desde.") 
         return false;
      }
     if(document.formBeneficiosSede.hasta.value==''){
         alert("Debe ingresar la vigencia hasta.") 
         return false;
      }
      var fecha1 = new String(document.formBeneficiosSede.desde.value);
      var fecha2 = new String(document.formBeneficiosSede.hasta.value);
      var posterior = "";
      var anterior = "";
      var arrayFecha = fecha2.split("-");
      posterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
      arrayFecha = fecha1.split("-");
      anterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
      if (parseInt(anterior)>=parseInt(posterior)){
         alert("La fecha incial no debe ser mayor a la fecha final.") 
         return false;
      }
      
      document.formBeneficiosSede.submit();
  }
  
  function enviar(locacion1)
  {
    document.formBeneficiosSede.action=locacion1;
    document.formBeneficiosSede.submit();
  }
  
</script>
<script src="<%=request.getContextPath()%>/js/displaytag.js" type="text/javascript"></script>
<table cellspacing="3" cellpadding="2" border="0" width="70%" align="center">
  <form name="formBeneficiosSede" action="<%=request.getContextPath()+"/Sedes/BeneficiosSede.do"%>" method="post">
  <tr>
    <td class="titulosenblanco" colspan="3">
      <DIV align="center">
        <STRONG>Asignar beneficios a una sede</STRONG>
      </DIV>
    </td>
  </tr>
  <tr>
    <td class="titulosenblanco" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" class="celdatabla" colspan="3">Seleccione la sede a la que le va a asignar beneficios</td>
  </tr>
  <tr>
    <td class="titulosenblanco" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="celdatabla" width="31%">Sede:</td>
    <td width="44%">
      <logic:notPresent name="sedes">
        <DIV align="center">
          <%= session.getAttribute("msg")%>
           <%session.removeAttribute("msg");%>
        </DIV>
      </logic:notPresent>
       <%   Object codeSede = request.getParameter("code"); 
            if(codeSede==null) codeSede = "nulo";
       %>
        <div align="left">
          <logic:present name="sedes">
            <logic:iterate id="sede" name="sedes" length="1" type="com.cs.beneficios.business.model.SedeVO">
              <html:select name="sede" property="code" title="Sede" styleClass="form" value="<%=(String)codeSede%>" onchange="validarVacio(2);">
                <option value="nulo" selected="selected">Seleccione una sede</option>
                <html:options name="sede" labelName="codeSede" labelProperty="nombre" property="code" collection="sedes"/>
              </html:select>
            </logic:iterate>
          </logic:present>
        </div>
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  <tr>
    <td class="titulosenblanco" colspan="3"><hr/></td>
  </tr>
  <tr>
    <td class="celdatabla" width="31%">Programa:</td>
    <td width="44%">
      <logic:notPresent name="programas">
        <DIV align="center">
          <%= session.getAttribute("msg")%>
           <%session.removeAttribute("msg");%>
        </DIV>
      </logic:notPresent>
        <%   Object codePrograma = request.getParameter("codePrograma"); %>
        <div align="left">
          <logic:present name="programas">
            <logic:iterate id="programa" name="programas" length="1" type="com.cs.beneficios.business.model.ProgramaVO">
              <html:select name="programa" property="codePrograma" onchange="buscarSubprogramas('BuscarSubprogrmas');" title="Programa" styleClass="form" value="<%=(String)codePrograma%>">
                <option value="nulo">Seleccione un programa</option>
                <html:options name="programas" labelName="codigo" labelProperty="nombre" property="code" collection="programas"/>
              </html:select>
            </logic:iterate>
          </logic:present>
        </div>
      
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  </tr>
  <% 
        if(codePrograma != null){
        %>
  <tr>
    <td class="celdatabla" width="31%">Beneficio:</td>
    <td width="44%">
      <div align="left">
        <logic:notPresent name="subprogramas">
          <DIV align="center">
            <%= session.getAttribute("msg")%>
             <%session.removeAttribute("msg");%>
          </DIV>
        </logic:notPresent>
        <%   Object codeSubPrograma = request.getParameter("codeSubPrograma"); 
             if(codeSubPrograma==null) codeSubPrograma = "nulo";
        %>
        <logic:present name="subprogramas">
          <logic:iterate id="subprograma" name="subprogramas" length="1" type="com.cs.beneficios.business.model.SubProgramaVO">
            <html:select name="subprograma" property="codeSubPrograma" title="Programa" styleClass="form" value="<%=(String)codeSubPrograma%>" onchange="validarVacio(1);">
              <option value="nulo">Seleccione un subprograma</option>
              <html:options name="subprogramas" labelName="codigo" labelProperty="nombre" property="code" collection="subprogramas"/>
            </html:select>
          </logic:iterate>
        </logic:present>
      </div>
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  </tr>
  <% 
      }  
  %>
  <tr>
    <td class="celdatabla" width="31%">Cantidad a asignar:</td>
    <td width="44%">
      <%   Object cantidad = request.getParameter("cantidad"); 
           if(cantidad==null){
      %>
              <input type="text" name="cantidad" value="" class="form" size="10" maxlength="9" onblur="validarCantidad(this);"/> Unidades
      <%   }else{ %>     
              <input type="text" name="cantidad" value="<%=(String)cantidad%>" class="form" size="10" maxlength="9" onblur="validarCantidad(this);"/> Unidades
      <%   } %>
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  </tr>
  
  <tr>
    <td class="celdatabla" width="31%">Vigente desde:</td>
    <td width="44%">
      <%   Object desde = request.getParameter("desde"); 
           if(desde==null) desde = "";
      %>
      <input type="text" name="desde" value="<%=(String)desde%>" class="form" size="12" readonly="readonly"/>
      <a href="javascript:desde.popup();">
        <img src="<%= request.getContextPath() + "/images/cal.gif" %>" width="16" height="16" border="0" alt="Click para seleccionar la fecha">
      </a>
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td class="celdatabla" width="31%">Vigente hasta:</td>
    <td width="44%">
      <%   Object hasta = request.getParameter("hasta"); 
           if(hasta==null) hasta = "";
      %>
      <input type="text" name="hasta" value="<%=(String)hasta%>" class="form" size="12" readonly="readonly"/> 
      <a href="javascript:hasta.popup();">
        <img src="<%= request.getContextPath() + "/images/cal.gif" %>" width="16" height="16" border="0" alt="Click para seleccionar la fecha">
      </a>
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td class="celdatabla" width="31%">&nbsp;</td>
    <td width="44%">
      <div align="center">
          <input type="hidden" name="accion" value=""/>
          <input type="button" value="Agregar" name="continuar" onclick="validarOtros();"/>
          <input type="button" value="buscar" name="buscar" onclick="buscarSubprogramas('BuscarTodo');"/>
        <P>&nbsp;</P>
      </div>
    </td>
    <td class="celdatabla" width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td>
        <logic:present name="IdUbicacion" scope="request">
            <DIV align="center">
                <a href="<%=request.getContextPath() + "/BuscarAtributo.do"%>"  >
                  <img src="<%=request.getContextPath() + "/images/BACK1-1.gif"%>" border="0"/>
                </a>
            </DIV>
        </logic:present>
    </td>
  </tr>
  <tr>
  <td colspan="3" align="center">
    <logic:present name="msg">
      <DIV center="center"><%=session.getAttribute("msg")%></DIV>
       <%session.removeAttribute("msg");%>
    </logic:present>
  </td>
  </tr>
  </form>
</table>


<table  cellspacing="3" cellpadding="2" border="0" width="90%" align="center">

    <logic:present name="beneficiosSede">        
    <tr>
      <td class="titulosenblanco"><div align="center">Beneficios Asignados</div></td>
    </tr>
    <tr>
    <td>
        <display:table name="sessionScope.beneficiosSede" pagesize="20" requestURI='<%= request.getContextPath() + "/Sedes/BeneficiosSede.do" %>' class="bordesTable"  id="bene" cellpadding="3" cellspacing="1" style="width:100%" >
            <display:column headerClass="headerTable" title="Programa" class="Numero" sortable="true"  group="1">
                <bean:write name="bene" property="nombrePrograma" /> 
            </display:column>
            <display:column headerClass="headerTable" title="Beneficio" class="Numero" sortable="true"  group="2">
                <bean:write name="bene" property="nombreSubprograma"/> 
            </display:column>
            <display:column headerClass="headerTable" title="Sede" class="Numero" sortable="true"  group="3">
                <bean:write name="bene" property="nombreSede"/>
            </display:column>
            <display:column headerClass="headerTable" title="Cubierto desde" class="Numero" sortable="true" >
                <bean:write name="bene" property="desde"/>
            </display:column>	
            <display:column headerClass="headerTable" title="Cubierto hasta" class="Numero" sortable="true" >
                <bean:write name="bene" property="hasta"/>
            </display:column>	
            <display:column headerClass="headerTable" title="Cantidad Total" class="Numero" sortable="true">
                <div align="center"><bean:write name="bene" property="cantidadTotal"/></div>
            </display:column>	
            <display:column headerClass="headerTable" title="Disponibles" class="Numero" sortable="true">
                <div align="center"><bean:write name="bene" property="cantidadDisponible"/></div>  
             </display:column>
            <display:column headerClass="headerTable" title="Modificar" class="Numero" >
                <html:link paramId="code" paramName="bene" paramProperty="code" page="/Sedes/UpdateBeneficiosSede.do">
                   <div align="center"><img src="<%= request.getContextPath() + "/images/modificar.gif" %>" width="16" height="16" border="0"></div>
              </html:link>   
            </display:column>	
            <display:column headerClass="headerTable" title="Asignar Usuarios" class="Numero">
              <html:link paramId="code" scope="session" paramName="bene" paramProperty="code" page="/Sedes/EscogerUsuario.do">
                   <div align="center"><img src="<%= request.getContextPath() + "/images/usuario.gif" %>" width="16" height="16" border="0"></div>
              </html:link>       
            </display:column>
        </display:table>
      </td>
      </tr>
      </logic:present>
      <logic:notPresent name="beneficiosSede" scope="session">
        <tr>
            <td align="center" class="celdatabla">No se encontraron beneficios asociados a la sede seleccionada</td>
        </tr>
    </logic:notPresent>
</table>

<script language="javascript">
    var desde = new calendar1(document.forms['formBeneficiosSede'].elements['desde'],"-",'<%=request.getContextPath()+"/js/"%>');
    var hasta = new calendar1(document.forms['formBeneficiosSede'].elements['hasta'],"-",'<%=request.getContextPath()+"/js/"%>');            
</script>